﻿@using WebAppModel
@{
    Layout = null;
    //  UserScanQRInfoModel user = Session["user"] as WebAppModel.UserScanQRInfoModel;
}
@*预览*@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <script src="/app/Content/Script/jquery.min.js"></script>
    <link href="/app/Content/css/Common.css" rel="stylesheet" />
    <link href="/app/Content/css/animate.min.css" rel="stylesheet" />
    <link id="linkType" href="" rel="stylesheet" />

    <script>
        window.getPageVersion = function () {
            return (new Date()).valueOf();
        }
        var ActivityType;
        //动态添加样式表  根据活动类型
        function AddCss(type) {
            ActivityType = type;
            switch (type) {
                case 1://大转盘
                    $("#linkType").attr("href", "/app/Content/css/Activity/TurntableActivity.css");
                    $.getScript("/app/Content/Script/PreviewActivity/TurntableActivity.js?_=" + window.getPageVersion())
                    break;
                case 2://抢红包
                    $("#linkType").attr("href", "/app/Content/css/Activity/RPActivity.css");
                    $.getScript("/app/Content/Script/PreviewActivity/RPActivity.js?_=" + window.getPageVersion())
                    break;
                case 3://砸金蛋
                    $("#linkType").attr("href", "/app/Content/css/Activity/GoldEggsActivity.css");
                    $.getScript("/app/Content/Script/PreviewActivity/GoldEggsActivity.js?_=" + window.getPageVersion())
                    break;
            }
        }
    </script>
    

    <script type="text/javascript" src="https://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=j3ItNwuWC3GBtOTaDh7PDiygsAWzkWh7"></script>
    <!--获取用户当前位置-->
    <script>
        var address = "";
        function GetAddress() {
            //$(ev.currentTarget).text("正在获取位置......");
            //创建百度地图控件
            var geolocation = new BMap.Geolocation();

            geolocation.getCurrentPosition(function (r) {

                if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                    //以指定的经度与纬度创建一个坐标点
                    var pt = new BMap.Point(r.point.lng, r.point.lat);
                    //创建一个地理位置解析器
                    var geoc = new BMap.Geocoder();


                    geoc.getLocation(pt, function (rs) {//解析格式：城市，区县，街道
                        var addComp = rs.addressComponents;
                        //$(ev.currentTarget).text(addComp.province + "," + addComp.city + ", " + addComp.district + ", " + addComp.street);
                        address = addComp.province + "," + addComp.city + ", " + addComp.district + ", " + addComp.street;
                    });
                }
                else {
                    //$(ev.currentTarget).text('定位失败');
                }
            }, { enableHighAccuracy: true })//指示浏览器获取高精度的位置，默认false
        }
        GetAddress();
    </script>

    <!--分享设置-->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>


    <script>
            wx.config({

                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

                appId: '@ViewBag.appId', // 必填，公众号的唯一标识

                timestamp: '@ViewBag.timestamp', // 必填，生成签名的时间戳

                nonceStr: '@ViewBag.nonceStr', // 必填，生成签名的随机串

                signature: '@ViewBag.signature',// 必填，签名，见附录1

                //jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2  存放的是事件
                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

        function SaoMa()
        {

            wx.scanQRCode({
                // 默认为0，扫描结果由微信处理，1则直接返回扫描结果
                needResult: 1,
                desc: 'scanQRCode desc',
                scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    //扫码后获取结果参数赋值给Input
                    var url = res.resultStr;
                    location.href = res.resultStr; 
                }
            });
        }


            //wx.ready(function () {
            //    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            //    //获取“分享给朋友”按钮点击状态及自定义分享内容接口
            //    // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
            //    wx.onMenuShareAppMessage({
            //        title: '这是分享给朋友标题', // 分享标题
            //        desc: '这是分享给朋友描述', // 分享描述
            //        link: '这是分享给朋友链接', // 分享链接
            //        imgUrl: 'https://pic1.zhimg.com/da8e974dc_s.jpg', // 分享图标
            //        type: '', // 分享类型,music、video或link，不填默认为link
            //        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            //        success: function () {
            //            // 用户确认分享后执行的回调函数
            //            alert("分享给朋友成功");
            //        },
            //        cancel: function () {
            //            // 用户取消分享后执行的回调函数
            //            alert("分享给朋友失败");
            //        }
            //    });


            //    wx.error(function (res) {
            //     
            //        alert("错误");
            //        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

            //    });
            //});
            //    //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
            //wx.onMenuShareTimeline({

            //    title: '', // 分享标题

            //    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            //    1
            //    imgUrl: '', // 分享图标

            //    success: function () {
            //        alert("分享到朋友圈");
            //        // 用户确认分享后执行的回调函数

            //    },

            //    cancel: function () {

            //        // 用户取消分享后执行的回调函数

            //    }

            //});



            //获取“分享到QQ”按钮点击状态及自定义分享内容接口
            wx.onMenuShareQQ({

                title: '', // 分享标题

                desc: '', // 分享描述

                link: '', // 分享链接

                imgUrl: '', // 分享图标

                success: function () {

                    // 用户确认分享后执行的回调函数

                },

                cancel: function () {

                    // 用户取消分享后执行的回调函数

                }

            });
            //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
            wx.onMenuShareWeibo({

                title: '', // 分享标题

                desc: '', // 分享描述

                link: '', // 分享链接

                imgUrl: '', // 分享图标

                success: function () {

                    // 用户确认分享后执行的回调函数

                },

                cancel: function () {

                    // 用户取消分享后执行的回调函数

                }

            });

            //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
            wx.onMenuShareQZone({

                title: '', // 分享标题

                desc: '', // 分享描述

                link: '', // 分享链接

                imgUrl: '', // 分享图标

                success: function () {

                    // 用户确认分享后执行的回调函数

                },

                cancel: function () {

                    // 用户取消分享后执行的回调函数

                }

            });

    </script>

</head>
<body>
    @*<span id="load_geolocation">点击获取位置</span>*@
    <div id="LoadingBar">
        <img src="/app/Content/Images/redpack/loading.gif" />
    </div>
    <div class="isNoPublic"  >
        活动尚未发布，当前仅供预览！
    </div>

    <div id="form"></div>
 
</body>
</html>
<script src="~/Scripts/base64.js"></script>
<script type="text/javascript" src="https://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=j3ItNwuWC3GBtOTaDh7PDiygsAWzkWh7"></script>
<script>
    var TemplateID;
    var address = "";
    GetAddress();
    IsActivity();
    getInfo();

    //替代函数不要删
    function clickEdict() { }


    //获取当前位置
    function GetAddress()
    {
        //  $(ev.currentTarget).text("正在获取位置......");
        //创建百度地图控件
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function (r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                //以指定的经度与纬度创建一个坐标点
                var pt = new BMap.Point(r.point.lng, r.point.lat);
                //创建一个地理位置解析器
                var geoc = new BMap.Geocoder();
                geoc.getLocation(pt, function (rs) {//解析格式：城市，区县，街道
                    var addComp = rs.addressComponents;
                    //  $(ev.currentTarget).text(addComp.province + "," + addComp.city + ", " + addComp.district + ", " + addComp.street);
                    address = addComp.province + "," + addComp.city + ", " + addComp.district + ", " + addComp.street;
                });
            }
            else {
                // $(ev.currentTarget).text('定位失败');
            }
        }, { enableHighAccuracy: true })//指示浏览器获取高精度的位置，默认false
    }

    //根据扫码判断  是否有活动
    function IsActivity() {
        $.ajax({
            url: "/app/PreView/GetTemplate",
            type: "post",
            data: { "aId": "@ViewBag.Aid", "address": address },
            success: function (res) {
                if (res.IsTrue!=0)
                {
                   
                    //动态添加样式表
                    AddCss(res.ActivityType);
                    $("#form").html(decode(res.html));
                    $('.item').css({"width":"","height":""})
                    $('title').text($('.pageTitle > span').text());
                    $('.pageTitle').remove();
                    GetRules(res.tid);//活动规则
                    TemplateID = res.tid;

                    $('.clickRequest').click(function () {
                        var item = $(this)
                        actionActivity(@ViewBag.Aid,item,TemplateID);
                    })
                }
                else {//没有活动
                    window.location.href = 'WithoutView';
                    return;
                }

            }

        });
        function initPage() {
            var objLoading = document.getElementById("LoadingBar");
            if (objLoading != null) {
                objLoading.style.display = "none";
            }
        }
        initPage();
    }

    //没有奖品  或者奖品已经被领取  tid模板ID
    function GetError(tid) {

        $.ajax({
            url: "GetErrorHtml",
            data: { Tid: tid },
            type: "post",
            success: function (res) {
                debugger
                var html = decode(res);
                $('.bg-con').html(html);
                $('.bg-con').css("display","flex");
                // $('.bg-con .Award-Record').attr('href', 'MyPrizeRecord');
                $('.btn.btn-warning').eq(1).attr('href', 'MyPrizeRecord?Tid=' + tid);

                $('.clickRequest').next('.bg-con').css('display', 'block');
                $('#getAwardName > span').text('x康');

                $('.closeBgCon .closeBg').click(function () {
                    $(this).parent().parent().css('display', 'none');
                })
            }
        });
    }

    function DateFormat(val) {
        var date = new Date(parseInt(val.replace("/Date(", "").replace(")/", ""), 10));
        //月份为0-11，所以+1，月份小于10时补个0
        var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
        var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
        var dd = date.getFullYear() + "-" + month + "-" + currentDate;
        return dd;
    }
    //获取中奖名单滚动数据
    function RollMessage(ele, speed) {
        var timer;
        var scroll_top = 0;
        var obj = $(ele);
        var li_height = obj.find("ul.roll li:first").height();

        obj.hover(function () {
            clearInterval(timer);
        }, function () {
            timer = setInterval(function () {
                scroll_top++;
                if (scroll_top >= li_height) {
                    scroll_top = 0;
                    obj.find("ul.roll li:first").appendTo(obj.find("ul.roll"));
                }
                obj.find("ul.roll").css("margin-top", -scroll_top);

            }, speed || 40);
        }).trigger("mouseleave");
    }
    //获取中奖人的滚动条
    function getInfo() {
        $.ajax({
            type: "get",
            url: '/app/PreView/GetTheWinningList',
            success: function (data) {

                if (data.PageData.length == 0) {
                    $('.roasting > ul').append('<li style="margin-top:30px;color:#BFBFBF;justify-content:center;">暂无用户中奖</li>');
                }
                else {
                    $('.roasting > ul').html("");
                    $(data.PageData).each(function (i, ele) {
                        var e = '<li> <span style="color:gray;">' + NameEncrypt(decode(ele.Nickname)) + ' </span><span style="">一等奖 </span><span  style=" color:gray;">' + DateFormat(ele.Time) + '</span></li>';
                        $('.roasting > ul').append(e);
                    })
                    if (data.PageData.length > 3) {
                        $(".roasting").scrollTop({
                            speed: 40,//数值越大 速度越慢
                        });
                    }
                }
            }
        });
    }
    //名字太长取前两位 加**
    function NameEncrypt(str) {
        return str <= 2 ? str + "**" : str.substring(0, 2) + "**";
    }
    function AwardsGradeStr(str) {
        switch (str) {
            case "1":
                return "一等奖";
            case "2":
                return "二等奖";
            case "3":
                return "三等奖";
            case "4":
                return "四等奖";
            case "5":
                return "五等奖";
            case "6":
                return "六等奖";
        }
    }
    
    //获取规则
    function GetRules(Tid) {
        $.ajax({
            url: "GetRuleHtml",
            data: { "Tid": Tid },
            type: "post",
            success: function (res) {
                var rules = decode(res);
                $('.rulebg-con').html(rules);
                $('#Rules').click(function () {
                    $('.rulebg-con').css('display', 'block');
                })
            }

        });
    }
    //点击叉图片
    $('#form').on('click', '.closeBgCon', function () {
        $(this).parent().hide();
    })

    function BtnCustom()
    {
        $('.OneKeyAttention').css('display', 'block');
    }
    function OneKeyAttention(ele, event) {
        $(ele).css('display', 'none')
        event.stopPropagation();
    }
    function Attention(event) {
        event.stopPropagation();
    }
</script>

